import { defineComponent } from 'vue'
import {CnNormalSpan} from '../text'

const CircleNum = defineComponent({
  props: {
    num: Number
  },
  setup(props, ctx) {
    return () => (
      <CnNormalSpan class='text-12 text-white rounded-full bg-red w-18 h-18 leading-18 text-center '>
        {props.num || 0}
      </CnNormalSpan>
    )
  }
})

export default CircleNum
